<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数据的动态渲染</title>
</head>
<body>

<div id="app">

</div>

<!--el-->
<!--<p>${name}</p>-->

<script src="../vue.js"></script>

<script>
    //  声明式编程  ${name}  pageContext request   session   application
    // 插值语法   {{}}   在插值语法中可以做简单的运算 以及函数的调用
    const vm = new Vue({
        el:'#app',
        template:`
                <div>
                    <h1>{{msg.toUpperCase()}}</h1>
                    <h1>{{number>1}}</h1>
                </div>
        `,
        data:{  // 为 template 提供渲染的数据
            msg:'hello vue',
            number: 20
        }
    })
</script>

</body>
</html>